<!--慢Sql查看界面-->
<div>
  <yu-panel title="客户信息" show-search-input default-filter placeholder="请输入">
    <!-- panel标题右侧内容 -->
    <template slot="right">
      <yu-toolBar>
        <yu-button @click="addApplyInfo">新增申请</yu-button>
        <yu-button @click="syncExportApplyInfo">同步导出申请信息</yu-button>
        <yu-excel-export class="yu-excel-export-margin" type="default" :auto-down="true" :start-url="startUrl" :progress-url="progressUrl" :download-url="downloadUrl">异步导出申请信息</yu-excel-export>
      </yu-toolBar>
    </template>
    <template slot="filter">
      <yu-xform related-table-name="applyInfo" form-type="search" v-model="searchFormdata" label-width="150px">
        <yu-xform-group :column="3">
          <yu-xform-item label="客户姓名" placeholder="客户姓名" ctype="input" name="cusName"></yu-xform-item>
          <yu-xform-item label="证件号码" placeholder="证件号码" ctype="input" name="certCode"></yu-xform-item>
        </yu-xform-group>
      </yu-xform>
    </template>
    <yu-xtable :data-url="queryApplyInfoUrl" ref="applyInfo" style="width: 100%" :border="true"
      selection-type="checkbox" :row-number="true">
      <yu-xtable-column label="申请编号" prop="applyNo"></yu-xtable-column>
      <yu-xtable-column label="第三方编号" prop="thirdNo"></yu-xtable-column>
      <yu-xtable-column label="客户姓名" prop="cusName"></yu-xtable-column>
      <yu-xtable-column label="证件类型" prop="certType" data-code="SCRIPT_CERT_TYPE"></yu-xtable-column>
      <yu-xtable-column label="证件号码" prop="certCode"></yu-xtable-column>
      <yu-xtable-column label="额度编号" prop="limitNo"></yu-xtable-column>
      <yu-xtable-column label="渠道代码" prop="channelCode" data-code="SCRIPT_CHANNEL_CODE"></yu-xtable-column>
      <yu-xtable-column label="审批状态" prop="appStatus" data-code="SCRIPT_APP_STATUS"></yu-xtable-column>
    </yu-xtable>
    <el-dialog-x title="新增客户信息" :visible.sync="addApplyInfoDialog" width="800px">
      <yu-xform ref="addApplyInfoForm" label-width="120px">
        <yu-xform-group>
          <yu-xform-item label="申请渠道" ctype="select" name="channelCode" rules="required" placeholder="申请渠道"
            data-code="SCRIPT_CHANNEL_CODE"></yu-xform-item>
          <yu-xform-item label="客户姓名" ctype="input" name="cusName" rules="required" placeholder="客户姓名"></yu-xform-item>
          <yu-xform-item label="证件类型" ctype="select" name="certType" rules="required" placeholder="证件类型"
            data-code="SCRIPT_CERT_TYPE"></yu-xform-item>
          <yu-xform-item label="证件号码" ctype="input" name="certCode" rules="required" placeholder="证件号码"></yu-xform-item>
          <yu-xform-item label="性别" ctype="select" name="sex" rules="required" placeholder="性别" data-code="SCRIPT_SEX">
          </yu-xform-item>
          <yu-xform-item label="月收入" ctype="num" name="monthlyIncome" rules="required" placeholder="月收入">
          </yu-xform-item>
          <yu-xform-item label="联系电话" ctype="input" name="phone" placeholder="联系电话"></yu-xform-item>
          <yu-xform-item label="邮箱" ctype="input" name="email" placeholder="邮箱"></yu-xform-item>
          <yu-xform-item label="学历状态" ctype="select" name="eduLevel" placeholder="学历状态" data-code="SCRIPT_EDU_LEVEL">
          </yu-xform-item>
          <yu-xform-item label="居住状态" ctype="select" name="liveStatus" placeholder="居住状态"
            data-code="SCRIPT_LIVE_STATUS"></yu-xform-item>
          <yu-xform-item label="婚姻状态" ctype="select" name="maritalStatus" rules="required" placeholder="婚姻状态"
            data-code="SCRIPT_MARITAL_STATUS"></yu-xform-item>
          <yu-xform-item label="配偶姓名" ctype="input" name="spouseCusName" placeholder="客户姓名"></yu-xform-item>
          <yu-xform-item label="配偶证件类型" ctype="select" name="spouseCertType" placeholder="证件类型"
            data-code="SCRIPT_CERT_TYPE"></yu-xform-item>
          <yu-xform-item label="配偶证件号码" ctype="input" name="spouseCertCode" placeholder="证件号码"></yu-xform-item>
          <yu-xform-item label="联系地址" ctype="input" name="address" placeholder="联系地址"></yu-xform-item>
        </yu-xform-group>
      </yu-xform>
      <div>
        <div align="center">
          <el-button type="primary" icon="yx-bin" @click="startApply">发起申请</el-button>
          <el-button icon="yx-bin" @click="cancel">取消</el-button>
        </div>
      </div>
    </el-dialog-x>
  </yu-panel>
</div>